//当前显示的图片
let index = 0;
//下一张显示的图片
let nextIndex = 0;
//计时器
let timer;
//开始自动轮播
autoPlay();
//叠化动画
function animationPlay() {
    //fadeOut()使用淡出效果来隐藏被选中元素
    $("#index-adv img").eq(index).stop().fadeOut(500);
    //fadeIn()使用淡出效果来显示被选中元素
    $("#index-adv img").eq(nextIndex).stop().fadeIn(500);
    //小圆点
    //addclass()向被选元素添加一个或多个类
    //siblings()返回被选元素的所有同级元素
    $("#index-adv ul li").eq(nextIndex).addClass("listOne").siblings().removeClass("listOne");

}
//开始轮播动画
function autoPlay() {
    timer = setInterval(() => {
        if (nextIndex >= 3) {
            nextIndex = 0;
        } else {
            nextIndex++;
        }
        animationPlay();
        //下一张开始显示，变成当前显示
        index = nextIndex;
    }, 1000);

}
//鼠标经过小圆点
$("#index-adv ul li").mouseenter(function(){
    //清除定时器
    clearInterval(timer);
    //获取当前经过的下标，赋值给下一张
    nextIndex=$(this).index();
    animationPlay();
    index=nextIndex;
    //鼠标离开自动轮播
}).mouseleave(
    function(){
        autoPlay();
    }
);
